// pages/todolist/todolist.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    txt: '',
    datalist: [{
        id: 0,
        name: "北京"
      },
      {
        id: 1,
        name: "上海"
      }
    ]
  },

  add() {
    let datalist = this.data.datalist.concat({
      id: Math.floor(Math.random() * 10000),
      name: this.data.txt
    })
    this.setData({
      datalist
    })
  },
  del(event) {
    let id = event.currentTarget.dataset.id;
    let list = this.data.datalist.filter((item) => {
      return id !== item.id;
    })
    this.setData({
      datalist:list
    })

  },
  handleTxt(event) {
    this.setData({
      txt: event.detail.value
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    wx.request({
      url: 'http://localhost:3000/datalist', //仅为示例，并非真实的接口地址
      success: (res)=> {
        console.log(res.data)
        this.setData({
          datalist:res.data
        })
      }
    })
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})